<script setup>
import {reactive} from "vue";
const props = defineProps({
  dialogFlag:{
    type:Boolean,
    default:false
  }
})
const emit = defineEmits(['openDialog','cancelDialog'])



const defaultOpenDialog = ()=>{
  // emit('openDialog')
  props.dialogFlag = true
}
const defaultCancelDialog = ()=>{
  // emit("cancelDialog")
  props.dialogFlag = false
}

const confirmDialog=()=>{
  props.dialogFlag = false
}


</script>
<template>
  <el-dialog style="border-radius: 12px"   width="35%" center v-model="props.dialogFlag" >
    <slot name="dialogContent"></slot>
    <template #footer>
      <span class="dialog-footer">
          <el-button @click="defaultCancelDialog">取消</el-button>
        <el-button type="primary" @click="defaultOpenDialog">
          保存
        </el-button>
      </span>
    </template>
  </el-dialog>
</template>



<style scoped>

</style>